<script src="js/profile.js"></script>


<h1>Profile </h1>
<div id="addimage" style="display:none;"><img src="img/add.png" width="32" height="32" id="addconnection"/></div>
<div id="profileimage"><img src="img/Trollface.png" width="175" height="175"/></div>
<div id="infoshort">
    Name: <span class="name"></span> <span class="lastname"></span><br />
    Sex: <span class="sex"></span><br />
    Date of birth: <span class="birthdate"></span><br />
    City: <span class="city"></span><br />
    Country: <span class="country"></span><img class="countryflag" src="img/Trollface.png" width="16"/><br />
    Religion: <span class="religion"></span><br />
</div>
<div class="clear"></div>
<div id="posts">
</div>
<div id="posts_field" style="display:none;">
    <form method="POST" action="" id="addmessageform">
        New message:<br />
        <textarea name="new_message" class="new_message" cols="70" rows ="3"></textarea><br />
        <input type="submit" name="new_message_submit" value="Place message" id="submitMessage" />
    </form>
</div>
<div id="bottom" style="display:none;">
    <a href="?page=profile_edit">Edit your profile</a>
</div>

